<template>

	<div class="main_content">
		<SideMenu :items='items'></SideMenu>
		
		<!-- 组件强行不复用 ，使用同一页面加载不同数据-->
		<router-view :key="$route.fullPath"></router-view>
	</div>
	

</template>

<script>
	import SideMenu from '../../components/sidemenu/SideMenu.vue';
	
	export default {
		components: {
			SideMenu
		},
		data() {
			return {
				items: [{
						index: 'basic',
						title: '基础必修',
						icon: 'el-icon-s-management',
						nextItems: [{
								index: 'computerSystem',
								title: '计算机系统'
							},
							{
								index: 'computerNetwork',
								title: '计算机网络'
							},
							{
								index: 'dataStructure',
								title: '数据结构'
							},
							{
								index: 'practice',
								title: '算法练习'
							}
						]
					},
					{
						index: 'Direction',
						title: '领域方向',
						icon: 'el-icon-s-platform',
						nextItems: [{
								index: 'front-end',
								title: '前端'
							},
							{
								index: 'back-end',
								title: '后端'
							},
							{
								index: 'AI',
								title: '人工智能'
							},
							{
								index: 'bigData',
								title: '大数据'
							}
						]
					},
					{
						index: 'devTools',
						title: '开发工具',
						icon: 'el-icon-s-cooperation'
					},
					{
						index: 'program',
						title: '编程语言',
						icon: 'el-icon-s-flag'
					}
					
				]
			}
		}
	}
</script>

<style scoped>
	.el-container {
		height: 100%;
	}

	.main_content{
		display: flex;
		/* flex-wrap: wrap; */
		height: 100%;
		flex-direction:row;
	}
</style>
